import { Col, Form, message, Radio, Row,Select } from 'antd'
import React, { useState } from 'react'
import Cloze from './type/cloze';
import Judge from './type/judge';
import request from '@/http';
import Selects from './type/select';
export default function index() {
    const [value, setvalue] = useState('选择题')
    const onChange3 = (e:any) => {
        setvalue(e.target.value);
    };
  
    return (
        <>
            <Row style={{marginTop:30}} justify="center">
                <Col span={22}>
                    <Radio.Group
                        options={[
                            { label: '选择题', value: '选择题' },
                            { label: '判断题', value: '判断题' },
                            { label: '填空题', value: '填空题' },
                          ]}
                        onChange={onChange3}
                        value={value}
                        optionType="button"
                    />
                </Col>
        
                <Col span={22} style={{marginTop:30}}>
                    {value=='选择题'?<Selects></Selects>:value=='判断题'?<Judge></Judge>:<Cloze></Cloze>}
                </Col>
            </Row>
        </>
    )
}
